.myOrder{
  overflow: hidden;
  .myOrderBtn{
    display: none;
  }
  .MyOrderList{
    ul{
      li{

        background: #fff;
        margin-bottom: 10px;

        .liWrap{
          //padding: 15px;
          .orderIdWrap{
            height: 3rem;
            line-height: 3rem;
            padding: 0 15px;
            font-size: $size-normal;
          }
          .orderId{
            height: 100%;
             span{
               display: inline-block;
             }
            span:first-child{
              text-overflow: ellipsis;
              white-space: nowrap;
              overflow: hidden;
              color:#333;
              width: 80%;
            }
             span:last-child{
              float: right;
               text-align: right;
               color: #999;;
             }
          }
          .orderDetails{
            box-sizing: border-box;
            flex-wrap:wrap;
            display: flex;
            padding: 9px 15px;
            -webkit-user-select: none;-webkit-tap-highlight-color: rgba(200,200,200,0);
            .order-imge{
              flex: none!important;
              -webkit-box-flex:0!important;
              width: auto;
              display: block;
              max-width: 100%;
              .product-img{
                background: url("../images/my.png");
                background-size: 100% 100%;
                width: 6rem;
                height: 6rem;
                margin-right: 0.8rem;
              }
            }
            .order-name{
               width: 0;
              display: block;
            }
            .order-price{
              flex: none!important;
              -webkit-box-flex:0!important;
              width: auto;
              display: block;
              text-align: right;
              max-width: 100%;
            }
            h1{
              font-size: $size-normal;
              color:#333;
              margin-top: 5px;
              font-weight: normal;
            }
            h2{
              font-size:$size-small;
              color:#999;
              margin-top:0.9rem;
              font-weight: normal;
            }
          }
          .cell{
            flex: 1;
            -webkit-flex: 1;
            -webkit-box-flex:1;
            flex-basis:0;
            max-width: 100%;
            padding: 0;
          }

          .orderNumberWrap{
            height: 3rem;
            line-height: 3rem;
            padding: 0 15px;
            font-size:$size-normal;
            .orderNumber{
              display: flex;
              display: -webkit-flex;
             span{
               display: inline-block;
               flex: 1;
               -webkit-box-flex: 1;
             }
              span:last-child{
                text-align: right;
                color:#fc5e3c;
              }
            }
          }

          .order-btn{
            text-align: right;
            height: 3.3rem;

            a{
              display: inline-block;
              width: 6rem;
              height: 2rem;
              margin-right: 15px;
              border: 1px solid #c6c6c6;
              border-radius: 4px;
              font-size:$size-normal;
              line-height: 2rem;
              text-align: center;
              margin-top: 7px;
              color:#999;
            }
            a:active{
              color: #333;
              box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
            }

            a:last-child{
              background: #fc5e3c;
              color:#fff;
              border: 1px solid #fc5e3c;
            }
            a:last-child:active{
              background: #fb3804;
            }
          }
        }
      }
    }
   margin-top: 3.5rem;
  }
  .dropload-noData{
    display: none;
  }
}

.noneOrder{
  margin-top: 3.5rem;
  .noneOrder-img{
    margin-top: 10rem;
    .img{
      height: 7.9rem;
      width: 7.9rem;
      margin: 0 auto;
      background: url("../images/order_no.png") no-repeat;
      background-size: 100% 100%;
    }
  }
  .noneOrder-title{
    text-align: center;
    margin-top: 1.6rem;
    font-size: 1.2rem;
    color:#333;
  }
  .noneOrder-tip{
    font-size: 0.9rem;
    color:#999;
    margin-top: 0.9rem;
    text-align: center;
  }
}


.layui-m-layerbtn span,.cancelTip{
  font-size: 1.16rem!important;
  color:#333!important;
}

.layui-m-layerbtn span[yes]{
  color:#ff5d32!important;
}
.waitPay{
  color: #fc5e3c!important;
}
.finishPay{
  color: #999!important;
}